<template>
	<view class="wrap">
		<view class="detail">
			<view>
				<u-parse :content="data"></u-parse>
			</view>
		</view>
	</view>
</template>

<script>
import { getconfiguration } from '@/api/config/index.js';
export default {
	data() {
		return {
			data: ''
		};
	},
	onLoad() {
		getconfiguration({
			categoryName: '用户协议'
		}).then((res) => {
			this.data = res.data.configuration.replace(/<img/gi, '<img style="max-width:100%;height:auto;"');
		});
	}
};
</script>

<style lang="scss" scoped>
.wrap{
	width: 100%;
	height: 100%;
	background-color: #e1e1e1;
	padding: 16rpx;
	box-sizing: border-box;
}
.detail {
	// padding: 24rpx;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	background-color: #fff;
	margin-top: 0 !important;
	image {
		width: 100%;
		height: auto;
	}
	>view{
		padding: 26rpx 20rpx;
	}

	view {
		text-align: left;
		margin: 20rpx 0;
	}
}
</style>
